<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>翼灵第七届招新报名网站</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
    <link rel="stylesheet" href="../statics/css/main.css">
    <style>
    </style>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
   <nav class="navbar navbar-expand-sm  navbar-dark fixed-top">  
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#wingling">关于我们</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#webFronted">前端</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#webBack">后端</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#android">安卓</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#flushbonading">嵌入式</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#join-us">加入我们</a>
                </li>
            </ul>
        </div>
    </nav>
    <div id="wrap">
        <div id="main">
            <div id="wingling" class="page">
                <div class="img-box">
                    <div class="index-banner background-img" id="firstBg">
                        <div class="index-des text-center text-light ">
                            <div class="sentence animated infinite delay-2s jackInTheBox " >
                                <h1>翼灵物联工作室</h1>
                            </div>
                            <div class="banner-btns">
                                <a class="animated bounceInUp delay-2s btn btn-outline-success banner-btn" href="http://www.swpuiot.com">进入官网</a>
                                <a class="animated bounceInUp delay-2s btn btn-outline-success banner-btn" href="#join-us">立即报名</a>
                            </div>
                        </div>
                    </div>
                </div>
                <section class="index-section about-us">
                    <div class="container text-center">
                        <div class="text-center">
                            <div class="sentence"> 
                                <h3>关于我们，关于翼灵</h3>
                                <h4>About us, about WingLing</h4>   
                            </div>
                            <div class="yl-intro">
                                <p>我们成立于2013年11月，现由留学博士梁宗文老师指导团队</p>
                                <p>我们以嵌入式开发为特色，以服务器、手机端PC端形成从云到端的全面覆盖</p>
                                <p>我们是一支有创造性的团队，5年间共获得8项国家级奖项，累计获奖19项</p>
                                <p>我们是一支具有潜力的团队，陆续收到阿里巴巴、爱立信、58同城等Offer</p>
                                <p>我们是一支团结友爱的团队，每月不定期开展团队建设活动，丰富代码之外的生活</p>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="index-section our-tec">
                        <div class="container text-center">
                            <div class="sentence"> 
                                <h3>HELLO WINGLING</h3>
                                <h4>我们的技术栈</h4>
                            </div>
                            <div class="stack-tabel">     
                                <div class="table-cell text-right" id="webFronted">
                                    <div>
                                        <a href="http://www.swpuiot.com/direction/web-fronted.html"> 
                                        <h3 class="table-title text-center title-left  text-light">
                                            前端
                                        </h3>
                                        </a>
                                        <div class="dirction-intor dirction-intor-left">
                                            <p>作为翼灵物联网工作室最年轻的团队，</p>
                                            <p>协助后端共同搭建团队官网。</p>
                                            <p>我们的主要是利用HTML/CSS/JavaScript 等各种Web技术进行客户端产品的开发，</p>
                                            <p>完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，</p>
                                            <p>同时结合后台开发技术模拟整体效果，</p>
                                            <p>进行丰富互联网的Web开发，致力于通过技术改善用户体验。</p>
                                        </div>
                                    </div>
                                    <ul class="table-list list-left">
                                        <li>HTML</li>
                                        <li>CSS</li>
                                        <li>JavaScript</li>
                                        <li>...</li>
                                    </ul>
                                </div>
                                <div class="table-cell text-left" id="webBack">
                                    <div>
                                        <a href="http://www.swpuiot.com/direction/web-back.html"> 
                                            <h3 class="table-title text-center title-right text-light">后端</h3>
                                        </a>
                                        <div class="dirction-intor dirction-intor-right">
                                            <p>web开发作为翼灵物联网工作室发展最快的方向，</p>
                                            <p>完成工作室官网前后端搭建，形成了从前端网页到后端服务器架构的完整培养模式。</p>
                                            <p>随着从互联网到物联网的转变，web服务成为物联网系统的核心组成，</p>
                                            <p>稳坐第一把交椅。本团队WEB开发方向以项目外包为推动。</p>
                                            <p>培养内容涵盖J2EE，数据库，通用框架和WEB服务端技术。</p>
                                            <p>向旨在搭建鲁棒最强的后台系统，给用户最流畅与舒适的体验。</p>
                                        </div>
                                    </div>
                                        <ul class="table-list list-right">
                                            <li>Java</li>
                                            <li>Tomcat</li>
                                            <li>SpringMVC</li>
                                            <li>...</li>
                                        </ul>
                                </div>
                            </div>
                            <div class="stack-tabel">
                                <div class="table-cell text-right" id="android">
                                        <div>
                                            <a href="http://www.swpuiot.com/direction/android.html"> 
                                                <h3 class="table-title text-center android-title title-left  text-light">安卓</h3>
                                            </a>
                                            <div class="dirction-intor dirction-intor-left">
                                                <p>作为翼灵物联工作室四大研究方向之一，拥有着举足轻重的地位。</p>
                                                <p>移动开发部负责智能手机App的设计、开发、维护，部门成立较早</p>
                                                <p>拥有完整的教学体系，能够培养出能力拔萃的全方位人才。</p>
                                                <p>部门以Android应用开发为主线，以开源项目开发、</p>
                                                <p>外包项目开发以及上架App开发为目标，内部定期对成员进行培训，</p>
                                                <p>培训内容涵盖C、Java编程语言基础、App界面设计、</p>
                                                <p>数据库基础、开源库应用、设计模式等。部门秉承“习惯解决问题，</p>
                                                <p>以解决问题为习惯”的宗旨，带领新成员走入多姿多彩的移动开发之路。</p>
                                            </div>
                                        </div>
                                    <ul class="table-list list-android">
                                        <li>Java</li>
                                        <li>Kotlin</li>
                                        <li>MVVM</li>
                                        <li>...</li>
                                    </ul>
                                </div>
                                <div class="table-cell text-left" id="flushbonading">
                                    <div>
                                        <a href="http://www.swpuiot.com/direction/flushbonading.html"> 
                                            <h3 class="table-title text-center em-title title-right text-light"> 嵌入式</h3> 
                                        </a>
                                        <div class="dirction-intor dirction-intor-right ">
                                                <p>嵌入式作为翼灵物联工作室最早研究方向，</p>
                                                <p>形成了从零基础到前沿就业的完整人才培养模式。</p>
                                                <p>时势造英雄，随着智能终端设备和穿戴式设备的普及，</p>
                                                <p>物联网时代将是一个属于嵌入式的时间。本团队嵌入式开发方向以实际项目为核心导向，</p>
                                                <p>培养内容涵盖单片机开发、STM32微控制器开发、ZIGBEE无线传感网络开发、</p>
                                                <p>物联网相关传感器技术、LINUX应用开发、LINUX系统移植、LINUX驱动程序开发等技术。</p>
                                                <p>本方向致力于行业前沿科技为你的大学发展保驾护航</p>
                                        </div>
                                    </div>
                                    <ul class="table-list list-em">
                                        <li>C/C++</li>
                                        <li>Linux</li>
                                        <li>zigbee</li>
                                        <li>...</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                </section>
                <section class="">
                        <div class="index-banner background-img" id="bgImg">
                            <div class="index-des text-center text-light">
                                <section class="index-section">
                                    <div class="container text-center">
                                        <div class="text-center">
                                            <div class="sentence"> 
                                                <h3>了解更多</h3>
                                                <h4>Learn WingLing， Learn more</h4>
                                            </div>
                                            <div class="learn-more">
                                                <a class="icon" href="http://www.swpuiot.com/#welcomePage">
                                                    <div class="icon-box text-light">
                                                        <span class="iconfont">&#xe619;</span>
                                                    </div>
                                                    <span class="text-light">翼灵官网</span>
                                                </a>
                                                <a class="icon" href="http://www.swpuiot.com/glory.html">
                                                    <div class="icon-box text-light">
                                                        <span class="iconfont">&#xe63a;</span>
                                                    </div>
                                                    <span class="text-light">开源空间</span>
                                                </a>
                                                <a class="icon" href="http://www.swpuiot.com/family.html">
                                                    <div class="icon-box text-light">
                                                        <span class="iconfont">&#xe68c;</span>
                                                    </div>
                                                    <span class="text-light">翼灵一家人</span>
                                                </a>
                                                <a class="icon" href="http://www.swpuiot.com/direction">
                                                    <div class="icon-box text-light">
                                                        <span class="iconfont ">&#xe603;</span>
                                                    </div>
                                                    <span class="text-light">培养方向</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                            </section>
                        </div>
                </section>
                <section class="index-section join-us bg-dark" id="join-us">
                        <div class="container text-center text-light">
                            <div class="text-center">
                                <div class="sentence"> 
                                    <h3>加入我们, 加入翼灵</h3>
                                    <h4>Join us, be a Winger</h4>
                                </div>                                 
                                <div class="yl-intro">
                                    <p>我们是一支以嵌入式开发为特色，以云端、手机端、PC端写作开发的团队<br>
                                        <sapn>We are a team developing Embedded system specially, and collaborative with Cloud, Mobile and PC development.</sapn>
                                    </p>
                                    <p>如果你有改变世界的想法秒如果你有脚踏实地的耐力<br>
                                        <sapn>If you have the idea of changing the world, or have a down-to-earth endurance,</sapn>
                                    </p>
                                    <p>那么, 你正是我么你在找的人!<br>
                                        <sapn>we'll want you!</sapn>
                                    </p>
                                </div>
                                <div class="container d-flex justify-content-center">
                                    <form class="form-inline">
                                        <label for="name">姓名:</label>
                                        <input type="text" class="form-control right-input" id="name" placeholder="输入姓名">
                                        <label for="number">学号:</label>
                                        <input type="text" class="form-control right-input" id="number" placeholder="输入学号">
                                        <button type="button" class="btn btn-outline-primary" id="join-btn">立即报名</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                </section>
            </div>
        </div>
    </div>





    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>    
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>    
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>    
    <script src="../statics/js/main.js"></script>
    <script>
    $("a").click(function(event){
         console.log(123)
    })
    </script>
</body>
</html>